<template>
    <div class="icon_btn_" @click="emits('onClick')">
        <img :src="image" alt="">
        <span>{{ text }}</span>
    </div>
</template>

<script setup>
const props = defineProps({
    image: {
        type: String,
        required: true,
        default: ''
    },
    text: {
        type: String,
        required: true,
        default: ''
    }
})

const emits = defineEmits(['onClick'])
</script>

<style lang='less'>
.icon_btn_ {
    display: flex;
    align-items: center;
    transition: all .3s;


    &:hover {
        cursor: pointer;
    }

    img {
        width: 25px;
        height: 25px;
        margin-right: 6px;
    }

    span {
        font-size: 16px;
    }
}
</style>